<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@  taglib  uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<html>
<head>
<title>天天果园-水果网购首选品牌，水果，我们只挑有来头的！</title>
<link rel="stylesheet" type="text/css" href="css/sel.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type="text/javascript"  src="js/jq.js"></script>
<script src="js/sel.js"></script>
<jsp:include page="head/head.jsp"></jsp:include>
</head>
<script type="text/javascript">
	$(function(){
		//hover:   鼠标的  移入  +  移出 
		$("#categoryli a").hover(
				// 移入 
			function(){
					//1 当前标签   变绿
					$(this).removeClass("selkey").addClass("selkey sgreen");
					//2 兄弟 不绿色
					$(this).siblings().removeClass("selkey sgreen").addClass("selkey");
					
				}
			,
			 //移出 
			function(){	
			}
		);			
		
	});

</script>


<body style="position: relative;">
	<div class="fruit_info">
		<div class="fruit_hot">
			<div class="hf_title">
				<span class="ht_l">热卖商品</span><span class="ht_r"><a href="/fruits/fruit/GetHotFruitsServlet?flag=nopage">MORE+</a></span>
			</div>
			<c:forEach  items="${hotinfo.list }"  var="hf">
				<div class="hot_fruit">
					<div class="hf_img">
						<a href="/fruits/fruit/GetFruitByFidServlet?fid=${hf.fid}"><img
							src="img/fruits/${hf.fid }/(1).jpg" /></a>
					</div>
					<div c="hf_text">
						<div class="hf_name">
							<a href="/fruits/fruit/GetFruitByFidServlet?fid=${hf.fid}">${hf.fname }</a>
						</div>
						<div class="hf_mon">
							￥<span>${hf.fprice }</span>
						</div>
					</div>
				</div>
			</c:forEach>
		</div>
	<!-- </div> -->

		<div class="sel">
			<div class="selfruits">
				<ul class="selfruits_ul">
					<li class="selfruits_li" id="categoryli">品类： 
						<a href="/fruits/fruit/GetFruitsByCategoryServlet" class="selkey sgreen">不限</a>
						<c:forEach  items="${categorys }" var="category">
							<a class="selkey" href="/fruits/fruit/GetFruitsByCategoryServlet?cid=${category.cId}">${category.cName}</a>
						</c:forEach>

						
						
						
						<%-- <a href=<%=request.getContextPath()%>/SELServlet?selkey=all class="selkey sgreen">不限</a> 
						<a href=<%=request.getContextPath()%>/SELServlet?selkey=ser&ser=绿奇异果 class="selkey">绿奇异果</a>
						<a href=<%=request.getContextPath()%> /SELServlet?selkey=ser&ser=阳光金果 class="selkey">阳光金果</a> 
						<a href="/x-test/SELServlet?selkey=ser&ser=苹果" class="selkey">苹果</a>
						<a href="/x-test/SELServlet?selkey=ser&ser=梨" class="selkey">梨</a>
						<a href="/x-test/SELServlet?selkey=ser&ser=葡萄" class="selkey">葡萄</a>
						<a href=<%=request.getContextPath()%>/x-test/SELServlet?selkey=ser&ser=果 class="selkey">苹果</a> --%>
					</li>
					<%--<li class="selfruits_li">--%>
					<%--产地：--%>
					<%--<a href="/SELServlet?selkey=all" class="selkey sgreen">不限</a>--%>
					<%--<a href="" class="selkey">进口</a>--%>
					<%--<a href="" class="selkey">国产</a>--%>
					<%--</li>--%>
					<li class="selfruits_li">价格： <a
						href="/x-test/SELServlet?selkey=all" class="selkey sgreen">不限</a>
						<a href="/x-test/SELServlet?selkey=mon&ser=a" class="selkey">100以下</a>
						<a href="/x-test/SELServlet?selkey=mon&ser=b" class="selkey">100~300</a>
						<a href="/x-test/SELServlet?selkey=mon&ser=c" class="selkey">300以上</a>
					</li>
					<%--<li class="selfruits_li" id="sort">--%>
					<%--排序：--%>
					<%--<a href="/SELServlet?selkey=all" class="selkey sgreen">默认</a>--%>
					<%--<a href="" class="selkey">价格由小到大</a>--%>
					<%--<a href="" class="selkey">价格由大到小</a>--%>
					<%--</li>--%>
				</ul>

			</div>
			

			<div class="fruitboxs">
				<c:forEach  items="${fruits}"   var ="fruit">
					<div class="fruit_box">
						<div class="fruit_img">
							<a href="/fruits/fruit/GetFruitByFidServlet?fid=${fruit.fid}">
							<img
								src="img/fruits/${fruit.fid}/(1).jpg" /></a>
						</div>
						<div class="fruit_name">
							<a href="fruit_info.jsp">${fruit.fname }</a>
						</div>
						<div class="fruit_spec">${fruit.fnorm }</div>
						<div class="fruit_up">￥${fruit.fprice }</div>
						<div class="flogo">
							<img src="img/flogo.png" />
						</div>
					</div>
				</c:forEach>

			</div>
		</div>
</body>
</html>
